<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui">
<ui:composition template="/pages/template/modelo.xhtml">
	<ui:define name="titulo">::Login Friendzone ::</ui:define>
	<ui:define name="cabecalho">
		<div style="margin: 0 auto;">
			<div class="cor-face">
				<h:form>
					<h:commandLink action="/login.zone">
						<div style="margin: 0 auto;">
							<h:graphicImage value="/resources/img/friendzone.png" style="width:180px" />
						</div>
					</h:commandLink>
				</h:form>
			</div>
		</div>
	</ui:define>
	<ui:define name="corpo">
		<h:form>
			<p>
				<button type="button" class="btn btn-primary btn-large" id="toll" rel="tooltip" title="catou com sucesso...">
					<span class="icon-facebook-4" />Entrar com Facebook
				</button>
				<button type="button" class="btn btn-default btn-large">Entrar com e-mail</button>
			</p>
			<button type="button" class="btn btn-primary btn-large" id="qualquer" lang="popover">
				Testando Poppover
				<div style="display: none;">
					<p>Titulo</p>
					<p>
						<h:graphicImage value="/resources/img/img5.jpg" style="width:150px" />
					</p>
				</div>
			</button>


		</h:form>
	</ui:define>
	<ui:define name="rodape">
		<div style="margin: 0 auto;">
			<div class="cor-face" style="height: 100px; color: #ffffff; font-size: 16px;">
				<small style="color: #ffffff; font-size: 16px; margin-top: 5px">Friendzone - Todos os direitos reservados</small>
			</div>
		</div>
	</ui:define>
</ui:composition>

</html>
